!!! 5
html(lang="en")
	head
		title Zoomify Jan Steen
		meta(charset='utf-8')
		meta(name='description', content='TimelineJS Embed')
		meta(name='apple-mobile-web-app-capable', content='yes')
		meta(name='apple-touch-fullscreen', content='yes')
		meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
		// CSS
		link(rel='stylesheet', href='../css/storymap.css?v1')
		//FONT
		link(rel='stylesheet', href='../css/fonts/font.pt.css?v1')
		
		// Style
		style
			html, body {
				height:100%;
				width:100%;
				padding: 0px;
				margin: 0px;
			}

		// HTML5 shim, for IE6-8 support of HTML elements
		//if lt IE 9
			script(src='https://html5shim.googlecode.com/svn/trunk/html5.js')

	body

		div#storymap

		
		// JavaScript
		script(src='../js/storymap-min.js')
		script
			var storymap = new VCO.StoryMap('storymap', 'jansteen.json', {
				map_type: 				"zoomify",
				map_background_color: 	"#FFF",
				map_as_image: 			true,
				calculate_zoom: 		false,
				zoomify: {
					path: 				"http://gigapixel.knightlab.com/jansteen/",
					width: 				17574,
					height: 			13008,
					tolerance: 			0.9,
					attribution: 		"<a href='https://www.rijksmuseum.nl/en/explore-the-collection/overview/jan-havicksz-steen/objects#/SK-A-384,7' target='_blank'>Rijks Museum</a>"
				}
			});
			window.onresize = function(event) {
				storymap.updateDisplay();
			}